<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Title</title>
	<link rel="stylesheet" href="css/list.css">
	<link rel="stylesheet" href="css/base.css">
	<script src="js/jquery-1.12.2.js"></script>

</head>
<body>
<div class="head">
	<div class="search">
		<label>
			<input type="text" placeholder="请输入内容🔍">

		</label>

	</div>
	<div class="nav">
		<div class="tiny">
			<button>推荐</button>
			<hr>
		</div>
		<div class="tiny">
			<button>食品</button>
			<hr>
		</div>
		<div class="tiny">
			<button>男装</button>
			<hr>
		</div>
		<div class="tiny">
			<button>百货</button>
			<hr>
		</div>
		<div class="tiny">
			<button>鞋包</button>
			<hr>
		</div>
		<div class="tiny">
			<button>水果</button>
			<hr>
		</div>
		<div class="tiny">
			<button>手机</button>
			<hr>
		</div>
	</div>
</div>

<div class="goodsList">

	<!--<a href="#" class="goods-box">
		<img src="#" alt="">
		<div class="goods-info">

			<p class="goods-head">新鲜世界（Fresh World）
				压面机家用全自动电动面条机多功能不锈钢机身小型
				TVS150-2双刀型(店长推荐）不锈钢</p>

			<div class="tap">
				<p>先用后付</p>
				<p>半年低价</p>
			</div>
			<div class="price">
				<p>￥999.9</p>
				<p>店铺好评1023条</p>
			</div>
		</div>
	</a>-->


</div>
<div class="tip">
	<p>	&#8635;网络不好正在加载，页面内容，是动态生成的，需要启动相关服务才能看到。&#8634;</p>
	<p>©吴诗洁&李仕森|朱铭俊&张潮涛 粤ICP备******aib号</p>
</div>

<div class="footer">
	<div class="footer-body">
		<a href="index.html" class="tiny">
			<img src="img/home.png">
			<h5 id="first">首页</h5>
		</a>
		<a href="#" class="tiny">
			<img src="img/list.png" alt="">
			<h5>购物列表</h5>
		</a>
		<a href="#" class="tiny">
			<img src="img/mine.png" alt="">
			<h5>我的</h5>
		</a>
	</div>

</div>

<script src="js/baseList.js"></script>
<script src="js/list.js"></script>
</body>
</html>